<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no" />
    <title>更换银行卡</title>
    <link type="text/css"  rel="stylesheet"  href="./css/weui.css" media="all">
    <link type="text/css"  rel="stylesheet"  href="./css/quick_shop_main.css" media="all">
    <link type="text/css"  rel="stylesheet"  href="./css/index.css" media="all">

</head>
<body ontouchstart class="modCard" >
    <div class="weui-cells__title title left">
        <label class="bg_icon1 tips"></label>
        <div >
            <span class="top-tips">
                您的身份证名字与银行卡持卡人姓名不一致,请修改您的资料.
            </span>
            <span class="note">
                注:如姓名不一致,在11月10日后将无法进行交易
            </span>
        </div>
    </div>
    <form action="index_submit" method="get" accept-charset="utf-8" >
        <div class="weui-panel">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label name">
                        店铺名称:
                    </label>
                </div>
                <div class="weui-cell__hd">
                    <label class="weui-label value">
                        小飞燕
                    </label>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label name">
                        持卡人:
                    </label>
                </div>
                <div class="weui-cell__bd">
                    <input 
                        id="cardOwner"
                        class="weui-input sm check" 
                        type="text" 
                        placeholder="请输入持卡人姓名" 
                        name="cardOwer" 
                    />
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label  class="weui-label name">银行卡号:</label>
                </div>
                <div class="weui-cell__bd">
                    <input 
                    id="bankCardNo"
                    name="bankCardNo"
                    class="weui-input sm check" 
                    type="number" pattern="[0-9]*" 
                    value="输入有误" 
                    placeholder="请输入银行卡号"
                    />
                </div>
            </div>
        </div>

        <div class="weui-panel">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label  class="weui-label name">银行:</label>
                </div>
                <div class="weui-cell__bd">
                    <span class="ico-down"></span>
                    <select id="" name="" class="tips">
                        <option value="" disabled selected style='display:none;' >请选择银行</option>
                        <option value="">农业银行</option>
                        <option value="">工商银行</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell no-right-padding">
                <div class="weui-cell__bd flex">
                    <label  class="weui-label name">省份:</label>
                    <select id="" name="" class="tips">
                        <option value="" disabled selected style='display:none;' >请选择省份</option>
                        <option value="">广东省</option>
                        <option value="">福建省</option>
                        <option value="">浙江省</option>
                    </select>
                    <span class="ico-down"></span>
                </div>
                <div class="weui-cell__bd flex">
                    <label  class="weui-label name">城市:</label>
                    <select id="" name="" class="tips">
                        <option value="" disabled selected style='display:none;'>请选择城市</option>
                        <option value="">广州市</option>
                        <option value="">佛山市</option>
                        <option value="">惠州市</option>
                    </select>
                    <span class="ico-down"></span>
                </div>
            </div>
            <div class="weui-cell"  >
                <div class="weui-cell__hd">
                    <label  class="weui-label name">支行:</label>
                </div>
                <div class="weui-cell__bd">
                    <span class="ico-down"></span>
                    <select id="" name="" class="tips">
                        <option value="" disabled selected style='display:none;'>请选择支行</option>
                        <option value="">AA支行</option>
                        <option value="">BB支行</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="weui-panel">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label  class="weui-label name">身份证号:</label>
                </div>
                <div class="weui-cell__bd">
                    <input 
                    name="idNo"
                    id="idNo"
                    class="weui-input sm check"  
                    type="number"  
                    pattern="[0-9]*" 
                    value="输入有误" 
                    placeholder="请输入持卡人的身份证号"
                    />
                </div>
                <div 
                    class="weui-cell__ft" 
                    id="idNo-cancel-but"  
                    style="display:none;"
                    >
                    <span class="ico-fork"></span>
                    <!--<i class="weui-icon-cancel"></i>-->
                </div>
            </div>
            <div class="weui-cell default">
                <div class="weui-cell__bd">
                    <div class="weui-uploader">
                        <div class="weui-uploader__hd">
                            <p class="weui-uploader__title">
                            身份证图片
                            <span  class="gray-note">
                                (正反两面)
                            </span>

                            </p>
                            <!--<div class="weui-uploader__info">0/2</div>-->
                        </div>
                        <div class="weui-uploader__bd">
                            <ul class="weui-uploader__files" id="uploaderFiles">
                                <li id="loadingImg"  class="weui-uploader__file weui-uploader__file_status" style="display:none">
                                    <div class="weui-uploader__file-content">
                                        <img src="/css/images/loading.gif"/>  
                                    </div>
                                </li>
                            </ul>
                            <div class="weui-uploader__input-box " id="uploader">
                                <input 
                                    id="uploaderInput" 
                                    class="weui-uploader__input" 
                                    type="file" 
                                    accept="image/*" 
                                />

                                <input 
                                    id="changeImage"
                                    type="file" 
                                    accept="image/*" 
                                    style="display:none;"
                                />

                            </div>
                            <div  id="imageUrls" style="display:none">

                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="box">
            <!--<button class="submit" type="submit" disabled>-->
            <button class="submit" type="submit" >
                提交
            </button>
        </div>
    </form>
	<div id="js_muck" class="layer">
		<div class="tipbox">
			<div class="ico-header"> <img src="css/images/userpho.png" class="userpho"> </div>
			<button id="js_closeMsg" class="bg_icon1 close"></button>
			<div class="clear"></div>
			<h1 class="tip-name">报告老板</h1>
			<div class="bg_icon1 coner"></div>
			<p class="p" id="msg">消息内容</p>
			<div id="double_btn" class="double_btn">
				<!--<button id="js_del" class="btn btn-cancel">确认</button>-->
				<button id="js_ok" class="btn btn-cancel">确认</button>
				<button class="btn btn-ok" onclick="hideMsg()">取消</button>
			</div>
			
		</div>
	</div>




        <!--<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>-->
        <!--<script type="text/javascript" src="./js/distpicker.data.min.js"></script>-->
        <!--<script type="text/javascript" src="./js/distpicker.min.js"></script>-->
        <script>
            var g_page = 'modCard';
            var g_uploaderUrl = "http://192.168.2.211:6330/uploadPicture";
        </script>
        <script src="./js/index.js"></script>

</body>
</html>
